@import "./../main.scss";
#homeContent {
    @include rect(100%,100%);
    #move {
        img {
            width: 100%;
            height: 160px;
        }
//          轮播样式
        .ant-carousel .slick-slide {
            text-align: center;
            height: 160px;
            line-height: 160px;
            background: #364d79;
            overflow: hidden;
        }
        .ant-carousel .slick-slide h3 {
            color: #fff;
        }
    }
    #nav{
        @include rect(100%,1rem);
        p{
            @include rect(0.75rem,1rem);
            float:left;
            img{
                @include rect(100%,70%); 
                margin-top:10px;
            }
        }
    }
    .newperson{
        @include rect(100%,auto);
        img{
            width:100%;
            height:100%;
        }
        img:nth-of-type(2){
            width:100%;
            height:auto;
        }
        img:nth-of-type(3){
            width:100%;
            height:auto;
        }
        img:nth-of-type(4){
            width:124.98px;
            height:84.98px;
        }
        img:nth-of-type(5){
            width:124.98px;
            height:84.98px;
        }
        img:nth-of-type(6){
            width:124.98px;
            height:84.98px;
        }
        img:nth-of-type(7){
            width:100%;
            height:auto;
        }
        img:nth-of-type(8){
            width:100%;
            height:auto;
        }
        img:nth-of-type(9){
            width:100%;
            height:auto;
        }
        img:nth-of-type(10){
            width:100%;
            height:auto;
        }
        img:nth-of-type(11){
            width:100%;
            height:auto;
        }
         img:nth-of-type(12){
            width:100%;
            height:auto;
        }
    }
    #Tmove {
        width:375px;
        height:125px;
        overflow: auto;
        border-bottom: 12px solid #F6F6F6;
        .tBox{
            width:740px;
            height:115px;
            overflow: hidden;
        }
        img {
            float:left;
            width: 125px;
            height: 93px;
            margin:10px 10px;
            
        }
    }
    section{
        @include rect(100%,7.02rem);
        overflow: hidden;
        img{
            width:335px;
            height:130px;
            margin:5px 20px;
        }
    }
    .title{
        width: 100%;
        height:35px;
        padding-top:12px;
        padding-bottom: 6px;
        text-align: center;
        background: #F1F1F1;
        line-height: 15px;
    }
    #detail{
        @include rect(100%,1000px);
        overflow: hidden;
        .dbox{
            @include rect(100%,1.95rem);
            position: relative;
            background: #fff;
            a{
                position:absolute;
                z-index: 999;
            }
            img{
                width:100%;
                height:165px;
            }
            .pirse{
                width:100%;
                height:21px;
                text-indent: 5px;
                color:#fff;
                background: rgba(0,0,0,.6);
                position: absolute;
                bottom: 30px;
            }
            .title1{
                width:100%;
                height:30px;
                text-indent: 5px;
                line-height: 30px;
                span{
                    color:#f66;
                }
                b{
                    font-weight: 100;
                    margin-left: 5px;
                    color:#333;
                }
            }
        }
    }
    #cart{
        position: fixed;
        bottom: 20px;
        left: 20px;
        display: inline-block;
        width:50px;
        height:50px;
        font-size:30px;
        line-height: 50px;
        text-align: center;
        background: #020101;
        color:#fff;
        box-shadow: 3px 3px 5px #666;
    }
    #top1{
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: inline-block;
        width:50px;
        height:50px;
        font-size:30px;
        line-height: 50px;
        text-align: center;
        background: rgba(0,0,0,.2);
        border-radius: 25px ;
        color:#fff;
        box-shadow: 3px 3px 5px #666;
    }
}
